<template>
    <div>
         <ul>
          <li v-for="item in arr"
          :key="item">{{item}}</li>
         </ul>
         <button @click="zz">走一走</button>
    </div>
</template>

<script>
export default {
     data(){
         return{
            arr:['小黄人','小黑人','小绿人'],
         }
     },
     methods:{
         zz(){
           this.arr.push(this.arr[0])
           this.arr.shift()
         }
     }
}
</script>

<style>

</style>